<template>
    <div class="page-demo-account-set-message">
        <div class="title">短信通知</div>
        <div class="content">
            <!-- content-list start -->
            <div class="list">

                <div class="row">
                    <div class="left">
                        <div class="title">密码修改</div>
                        <div class="other">当密码修改后，短信通知用户密码已修改</div>
                    </div>
                    <div class="right">
                        <a-switch checked-children="开" un-checked-children="关" default-checked />
                    </div>
                </div>

                <div class="row">
                    <div class="left">
                        <div class="title">站内信通知</div>
                        <div class="other">当收到站内信后，已短信方式通知手机</div>
                    </div>
                    <div class="right">
                       <a-switch checked-children="开" un-checked-children="关" default-checked />
                    </div>
                </div>

            </div>
            <!-- content-list end  -->
            
        </div>
        
    </div>
</template>

<script>
export default {
    data(){
        return {
        }
    }
}
</script>

<style lang="less" scoped>
.page-demo-account-set-message{
    padding-left: 50px;
    > .title{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    > .content{
        .list{
            .row{
                border-bottom: 1px solid #e3e3e3;
                padding:20px 0px;
                .left,.right{
                    display: inline-block;
                    vertical-align: middle;
                }
                .left{
                    width:80%;
                    .title{
                        font-size: 14px;
                        font-weight: 500;
                        color:#000;
                    }
                    .other{
                        margin-top: 10px;
                    }
                }
                .right{
                    width: 20%;
                    text-align: right;
                }
            }
        }
    }
}
</style>